<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>V布</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">

    <!-- <script src="./js/jQuery2.2.4.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.js"></script>
    <!-- <script src="./js/fastclick.js"></script> -->
    <script src="./js/index.js"></script>
    <script src="./service/listDate.json"></script>
    <script src="./js/homeData.js"></script>
    <!-- <script src="./js/swiper-bundle.min.js"></script> -->
</head>

<body>
    <div class="vbu-hone-containe">
        <!--  search 搜索 -->
        <div class="search-wrap">
            <div class="search-btn"></div>
            <div class="search">
                <div class="search-icon"></div>
                <div class="search-conter">
                    <input type="text" value="芋你啵啵" class="search-input">
                </div>
            </div>
            <div class="search-message "></div>
        </div>
        <!-- top-content  主体内容部分 -->
        <div class="top-content ">
            <!-- slider -->
            <div class="slider ">
                <ul class="slider-focus ">
                    <li><img src="./upload/slider3.jpeg " alt=" "></li>
                    <li><img src="./upload/slider4.jpeg " alt=" "></li>
                    <li><img src="./upload/slider2.jpeg " alt=" "></li>
                    <li><img src="./upload/slider3.jpeg " alt=" "></li>
                    <li><img src="./upload/slider4.jpeg " alt=" "></li>
                </ul>
                <ul class="slider-circle ">
                    <li class="current "></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <!-- nav  -->
            <div class="nav ">
                <a href="script:;" class="current "><img src="./img/下午茶.png " alt=" ">
                    <span>下午茶</span>
                </a>
                <a href="script:;"><img src="./img/面包.png " alt=" ">
                    <span>面包</span>
                </a>
                <a href="script:;"><img src="./img/蛋糕.png " alt=" ">
                    <span>蛋糕</span>
                </a>
                <a href="script:;"><img src="./img/navquan.webp " alt=" ">
                    <span>领券</span>
                </a>
                <a href="script:;"><img src="./img/会员.png " alt=" ">
                    <span>会员</span>
                </a>
            </div>
            <!-- goBack 返回首页 -->
            <div class="goBack ">

            </div>
            <!-- count  -->
            <div class="count ">
                <div class="countfor ">
                    <span>综合</span>
                    <img src="./img/bottom@2x.png " alt=" ">
                    <div class="count-zh ">
                        <a href="script:;">综合</a>
                        <a href="script:;">信用</a>
                        <a href="script:;">价格降序</a>
                        <a href="script:;">价格升序</a>
                    </div>
                </div>
                <div class="countfor count-xl ">
                    <span>销量</span>
                    <img src="./img/bottom@2x.png " alt=" ">
                    <div class="count-zh ">
                        <a href="script:;">综合</a>
                        <a href="script:;">信用</a>
                        <a href="script:;">价格降序</a>
                        <a href="script:;">价格升序</a>
                    </div>
                </div>
                <div class="countfor count-jg ">
                    <span>价格</span>
                    <img src="./img/bottom@2x.png " alt=" ">
                    <div class="count-zh ">
                        <a href="script:;">综合</a>
                        <a href="script:;">信用</a>
                        <a href="script:;">价格降序</a>
                        <a href="script:;">价格升序</a>
                    </div>

                </div>
                <div class="countfor count-sx ">
                    <span>筛选</span>
                    <img src="./img/筛选@2x.png " alt=" ">

                </div>

            </div>
            <!-- product -->
            <div class="pdts " style="display: block; ">
                <ul class="product " id="product">
                </ul>

                <div class="getload" id="getload">点击加载更多</div>
            </div>




            <!-- footer -->
            <div class="footer ">
                <a href="script:;" class="footer-list ">
                    <p>  </p>
                    <span>首页</span>
                </a>
                <a href="script:;" class="footer-list ">
                    <p>  </p>
                    <span>购物车</span>
                </a>
                <a href="script:;" class="footer-list ">
                    <p>  </p>
                    <span>分类</span>
                </a>
                <a href="script:;" class="footer-list ">
                    <p>  </p>
                    <span>我的</span>
                </a>
            </div>
        </div>

    </div>

</body>

</html>